JavaScript y D3

IIC2026

JavaScript I

JavaScript y D3

IIC2026

JavaScript

• Lenguaje de programación de la web.
• Es un lenguaje de alto nivel, interpretado y multiparadigma.

JavaScript

• Lenguaje de programación de la web.
• Es un lenguaje de alto nivel, interpretado y multiparadigma.
• Puede ejecutarse en un navegador web y afectar el contenido de una página.
• Lo utilizaremos como lenguaje para construir visualizaciones a partir de datos.

JavaScript

• Lenguaje en constante evolución.
• Su estándar se llama ECMAScript (ES).
• Consideraremos desde ES2015 o ES6 en este curso.

Declaraciones y variables

						let miVariable = 1;
						miVariable = 4;
					

						const miVariableConstante = 1;
					

						var miVariable = 1;
						miVariable = 4;
					

Declaraciones y variables

						let miVariable = 1;
						miVariable = 4;
					

						const miVariableConstante = 1;
					

						var miVariable = 1;
						miVariable = 4;
					

Declaraciones y variables

						let miVariable = 1;
						miVariable = 4;
					

						const miVariableConstante = 1;
					

						var miVariable = 1;
						miVariable = 4;
					

Declaraciones y variables

						let miVariable = 1;
						miVariable = 4;
					

						const miVariableConstante = 1;
					

						var miVariable = 1;
						miVariable = 4;
					

Declaraciones y variables

						let miVariable = 1;
						miVariable = 4;
					

						const miVariableConstante = 1;
					

Llaves para organizar el código

            if (miVariable > 5) {
              miVariable = miVariable / 2;
            }
					

            for (let i = 0; i < 10; i++) {
              miVariable += i;
            }
					

            function miFuncion(arg1, arg2) {
              return arg1 + 2 * args2;
            }
					

Control de flujo

            if (miVariable > 5 && miVariableConstante == 1) {
              // se ejecuta si ambas cumplen
              miVariable = miVariable / 2;
            } else if (miVariable > 5 || miVariableConstante == 1) {
              // se ejecuta si alguna cumple
              miVariable -= 2;
            } else {
              miVariable = 0;
            }
					

Strings

            const nombre = "Tamara";

            const saludo = "¡Hola " + nombre + "!";

					

Strings

            const nombre = "Tamara";

            const saludo = "¡Hola " + nombre + "!";

            const saludo2 = `¡Hola ${nombre}!`;
					

Arrays

            let arreglo = [3, 1, 4, 1, 5];

            const variable = arreglo[0]; // 3

            arreglo.push(9);
					

Objects

            let miObjeto = {nombre: "Tamara", apellido: "Munzner"};

            const nombre = miObjeto["nombre"]; // "Tamara"

            const apellido = miObjeto.apellido; // "Munzner"

            miObjeto["curso"] = "Visualización de Información";
            miObjeto.universidad = "British Columbia";
					

JavaScript

¡Es mucho!

Ten curiosidad y busca en la web por referencias de aprendizaje. Recomiendo: MDN Web Docs.

JavaScript I

JavaScript y D3

IIC2026

¡Deja tus preguntas en los comentarios!